﻿kbd {
	display: none
}

.API_callback_list {
	width: 520px
}

.hbase {
	margin-top: 20px;
	height: 100px
}

.hbase .qrimg {
	width: 115px
}

.hbase .qrimg img {
	width: 100px;
	height: 100px
}

.hbase .hbox {
	padding: 15px 15px 0;
	width: 500px;
	height: 83px;
	border: 1px solid #D3D3D3;
	background: #F0F0F0
}

.hbase .oeas {
	height: 40px
}

.hbase .oeas a {
	margin-left: 8px
}

.hbase .time {
	font-size: 14px
}

.hbase .time li {
	float: left;
	width: 155px;
	line-height: 1.5
}

.hbase .time li.smcs {
	width: 190px
}

.hbase .time li.smcs a {
	margin-left: 8px
}

.tplos {
	width: 300px
}

.tplos .sm {
	padding: 0 8px;
	width: 90px;
	overflow: hidden
}

.tplos .sm img {
	height: 100px
}

.tplos .tx {
	width: 190px;
	line-height: 1.5
}

.tplos .tx strong {
	font-size: 14px
}

.tplos .tx span {
	color: #666
}

.tplos .tx a {
	margin: 5px 8px 0 0
}

.newhead {
	padding-top: 50px;
	height: 20px;
	line-height: 1.5;
	font-size: 16px
}

.newhead .btn {
	margin-left: 10px;
	padding: 8px 15px;
	font-size: 16px
}

.newhead p.abso {
	top: 0;
	left: 275px;
	width: 130px
}

.box h2 {
	padding-left: 20px;
	background: #F5F5F5;
	line-height: 50px;
	font-size: 16px;
	font-weight: 100;
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.box h2 a.x {
	margin-left: 10px;
	font-size: 12px
}

.box h2 span {
	top: -2px;
	right: 16px
}

.box h2 span a {
	margin-right: 5px;
	font-size: 12px
}

.box h2 button {
	margin: 0 5px;
	height: 25px
}

.box .mnavs {
	padding: 20px 0 20px 20px;
	line-height: 1.5
}

.box .mnavs i {
	display: inline-block;
	padding: 3px 5px 0;
	font: 13px SimSun,sans-serif
}

.box .view {
	margin: 0 25px 0 0;
	width: 350px;
	border: 1px solid #D3D3D3;
	border-radius: 3px;
	box-shadow: 0 2px 2px #DDD;
	background-color: #fff
}

.box .view .addItem {
	min-height: 85px;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.heads_clsdir {
	height: 122px
}

.heads_clsdir .tisl {
	height: 108px;
	background: #F8F8F8
}

.heads_clsdir .tisl .abso {
	bottom: 0;
	right: 0
}

.heads_clsdir .kal {
	padding-top: 25px;
	width: 75px
}

.heads_clsdir .kal img {
	margin-left: 15px;
	width: 50px;
	height: 50px
}

.heads_clsdir .tka {
	padding: 20px 10px 10px;
	line-height: 1.5;
	font-weight: 700;
	font-size: 16px;
	overflow: hidden;
	text-align: center
}

.noModule {
	margin-bottom: 20px;
	width: 90%;
	height: 40px;
	border: 1px solid #ccc;
	line-height: 40px;
	font-size: 14px
}

.up_loading {
	height: 31px;
	width: 31px;
	left: 100px;
	top: 0;
	background: #FFF url(//static.clewm.net/static/images/loading-2_4b152ff.gif) center no-repeat
}

.box .view .addItem .loading {
	top: -1px;
	left: 0;
	padding-top: 50px;
	width: 100%;
	height: 36px;
	background: #FFF url(//static.clewm.net/static/images/loading-3_1e2eb05.gif) center 10px no-repeat;
	color: #333
}

.box .view .act-menu {
	z-index: 8888;
	right: -1px
}

.box .view .act-menu ul {
	margin: 0;
	width: 95px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0 0 0 3px;
	box-shadow: 0 2px 15px #ccc
}

.box .view .act-menu ul li {
	padding: 0 10px;
	height: 23px;
	line-height: 23px;
	cursor: pointer
}

.box .view .act-menu ul li:hover {
	background: #08C;
	color: #FFF
}

.box .view .act-menu ul li.line {
	*display: none;
	margin: 1px 0 2px;
	height: 1px;
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
	cursor: default;
	overflow: hidden
}

.box .view .act-menu ul li.disabled {
	color: #999
}

.box .view .act-menu ul li.disabled:hover {
	background: #fff;
	color: #999;
	cursor: default
}

.box .view .marked-box {
	box-shadow: 0 0 15px #A7B6C7;
	top: 0;
	left: -1px;
	z-index: 5;
	width: 350px;
	height: 80px;
	background: #F2F2F2;
	border: 1px solid #F2F2F2;
	line-height: 80px;
	font-size: 14px
}

.box .view .write {
	top: 8px;
	right: 12px;
	width: 20px;
	height: 20px
}

.box .view .block {
	cursor: pointer;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s
}

.box .view .base {
	border-radius: 3px
}

.box .view .base p.cet {
	padding: 30px 10px;
	line-height: 22px;
	font-size: 16px;
	text-shadow: 0 1px 0 #fff;
	color: #666
}

.box .view .base p.abso {
	background: rgba(0,0,0,.4);
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 5px;
	height: 28px;
	line-height: 28px;
	color: #F2F2F2;
	font-weight: 700;
	overflow: hidden;
	margin: 0;
	background-color: #868686\9
}

.box .view .base .boxline {
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.box .view .base_new {
	position: relative;
	width: 320px;
	cursor: pointer;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s
}

.box .view .base_new p.cet {
	padding-top: 28px;
	line-height: 22px;
	font-size: 22px;
	text-shadow: 0 1px 0 #fff;
	font-weight: 700;
	color: #666
}

.box .view .module_box .block {
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	position: relative;
	min-height: 80px;
	border-top: 1px solid #D3D3D3;
	line-height: 1.5;
	font-size: 14px;
	word-wrap: break-word
}

.box .view .module_box .block p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 250px;
	font-size: 14px;
	color: #575757;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 88px
}

.box .view .module_box .block em {
	display: block;
	float: left;
	margin: 1px;
	width: 78px;
	height: 78px;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center
}

.box .view .module_box .block span {
	position: absolute;
	top: 9px;
	left: 89px;
	font-size: 12px
}

.box .view .module_box .onbg em,.box .view .module_box .block:hover em {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}

.box .view .module_box .onbg p,.box .view .module_box .block:hover p {
	color: #058;
	font-weight: 700
}

.box .view .boxline {
	filter: alpha(opacity=0);
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 80px
}

.box .view .onbg .boxline {
	filter: alpha(opacity=100);
	opacity: 1;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s
}

.icon {
	background: url(//static.clewm.net/static/images/icon_f05a67c.png) no-repeat
}

.box .view .module_box .block u {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2
}

.box .view .module_box .block u s {
	margin: 0 3px;
	width: 20px;
	height: 19px
}

.box .view .module_box .block u s.more {
	background-position: -1px -168px
}

.box .view .module_box .block u s.more:hover {
	background-position-x: -30px
}

.box .view .module_box .block u s.sort_up {
	margin-left: 7px;
	background-position: 0 -65px
}

.box .view .module_box .block u s.sort_up:hover {
	background-position-x: -28px
}

.box .view .module_box .block u s.sort_down {
	background-position: 0 -47px
}

.box .view .module_box .block u s.sort_down:hover {
	background-position-x: -28px
}

.box .view .module_box .block u s.unfold {
	background-position: -1px -190px
}

.box .view .module_box .block u s.fold {
	background-position: -28px -192px
}

.box .view .module_box .block u s.stop {
	background-position: 0 -212px
}

.box .view .module_box .sortable-placeholder {
	width: 350px;
	height: 80px;
	border-top: 1px solid #CCC
}

.box .view .marked-box {
	background: #F1F1F1 none;
	border: 1px solid #F1F1F1
}

.box .view .footMenu {
	position: relative;
	width: 320px;
	height: 40px;
	cursor: pointer;
	background-color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-top: 10px
}

.box .view .footMenu:hover {
	background: #ECECEC
}

.box .view .footMenu p.cet {
	padding-top: 9px;
	line-height: 18px;
	font-size: 18px;
	text-shadow: 0 1px 0 #fff;
	font-weight: 700;
	color: #666
}

.box .view .footMenu .boxline {
	height: 38px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

#footMenu-v2-ul td:hover {
	background-color: #f0f0f0
}

.MenuIconBox {
	padding-left: 4px;
	width: 196px;
	height: 132px;
	background: #FFF;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 2px 2px #DDD;
	overflow: auto
}

.MenuIconBox a {
	margin: 5px
}

.MenuIconBox a.on {
	background-color: #08c;
	border-color: #08c
}

.box .hides {
	top: -9999px!important;
	left: -9999px!important
}

.box .ifun .close {
	top: 10px;
	right: 13px;
	z-index: 2;
	width: 20px;
	height: 20px;
	font: 22px "宋体";
	color: #AAA;
	opacity: 1;
	filter: alpha(opacity=100);
	text-shadow: none
}

.box .ifun .close:hover {
	color: #333
}

.box .ifun .funarea {
	height: 40px
}

.box .ifun .funarea .abso {
	top: 0;
	left: 0;
	padding-left: 20px;
	width: 570px;
	height: 40px;
	line-height: 40px;
	background: #CCC;
	border-bottom: 1px solid #B8B8B8
}

.box .ifun .funarea .abso .fr {
	padding-right: 40px
}

.box .ifun .funarea strong {
	margin-right: 5px
}

.box .ifun .funarea a {
	margin: 0 3px
}

.box .ifun .funarea a.btn {
	margin-top: -3px
}

.box .ifun .funarea label {
	margin-right: 5px
}

.box .ifun .funarea label.disable {
	color: #999
}

.box .ifun .funarea label input {
	margin-top: -2px
}

.box .ifun .loading {
	padding-left: 30px;
	background: transparent url(//static.clewm.net/static/images/loading-2_4b152ff.gif) 0 center no-repeat;
	line-height: 50px;
	font-size: 14px
}

.right_tips {
	top: 120px;
	left: 550px;
	font-size: 14px;
	line-height: 2
}

.right_tips a {
	color: #f60;
	text-decoration: underline
}

.base_lxds .type-inpu .tar {
	width: 104px
}

.daohang-loading {
	top: 0;
	left: 0;
	width: 45px;
	height: 42px;
	background: #FFF url(//static.clewm.net/static/images/loading-2_4b152ff.gif) center no-repeat
}

.vcard-list {
	font-size: 14px;
	max-height: 320px;
	overflow-y: auto
}

.vcard-list li {
	height: 25px
}

.vcard-list li input {
	margin-top: -1px
}

.ulogoUploadBox {
	top: 0;
	left: 95px;
	z-index: 2;
	padding: 1px;
	width: 290px;
	height: 26px;
	border: 1px solid #89B5BD;
	background: #FFF;
	overflow: hidden
}

.ulogoUploadBox .bar {
	margin: 0;
	width: 0;
	height: 26px;
	background: #89B5BD
}

.ulogo_input_url {
	top: 0;
	left: 165px;
	width: 350px;
	height: 35px;
	background: #F8F8F8
}

.ulogo_input_url .buts {
	top: 3px;
	*top: 2px;
	left: 244px;
	width: 64px;
	height: 26px;
	background: #FFF;
	line-height: 26px;
	border-radius: 5px
}

.ulogo_input_url .buts a {
	margin: 0 4px
}

.ulogo_input_url .load {
	top: 5px;
	*top: 4px;
	left: 2px;
	width: 306px;
	height: 24px;
	background: #89B5BD url(//static.clewm.net/static/images/loading-small_707db34.gif) center no-repeat;
	border-radius: 5px
}

.mapmark-pad-l-5 {
	padding-left: 5px
}

.mapbox {
	width: 100%;
	height: 410px;
	overflow: hidden
}

.mapshow {
	width: 100%;
	height: 400px
}

.mapbtn {
	padding: 10px 10px 0 0;
	*padding-top: 17px
}

.mapbtn .btn {
	margin: 0 5px
}

.tangram-suggestion-main {
	line-height: 1.5;
	z-index: 99999999
}

.success-qrimg {
	margin: 10px 30px 0 20px;
	width: 150px;
	height: 150px;
	background: url(//static.clewm.net/static/images/loading_a69a0a4.gif) center no-repeat
}

.success-qrimg img {
	width: 150px;
	height: 150px
}

.success-qrimg p {
	padding-top: 12px
}

.success-qrimg p a {
	margin: 0 10px;
	font-size: 14px
}

.success-iso {
	padding-top: 10px;
	width: 240px;
	line-height: 1.6;
	font-size: 14px
}

.success-iso label {
	padding-right: 5px
}

.success-iso button {
	margin-top: 5px
}

.success-iso span {
	font-size: 12px
}

.cite-info .show {
	margin: 0;
	width: 430px;
	line-height: 1.7
}

.cite-info .pub-btn-model {
	margin-top: 10px
}

.module_icon {
	display: block;
	padding-left: 45px;
	width: 0;
	height: 42px;
	background: #eee url(//static.clewm.net/static/images/module_title_icon/n/39_small_155713f.png) 6px 5px no-repeat;
	background-size: 32px 32px;
	line-height: 42px;
	border-radius: 3px;
	color: #FFF
}

.module_icon_tpis {
	top: 9px;
	left: 50px
}

.module_icon_box {
	width: 502px;
	background: #FFF;
	border: 1px solid #ccc;
	border-radius: 5px;
	z-index: 999999999
}

.module_icon_box a {
	float: left;
	margin: 5px;
	width: 40px;
	height: 40px;
	background: #eee 4px no-repeat;
	background-size: 32px 32px;
	border-radius: 3px
}

.module_icon_box a:hover,.module_icon_box a.hover {
	background-color: #ddd
}

.icon_check_nav {
	position: relative;
	width: 98%;
	height: 45px;
	margin: 5px;
	background-color: #e4e5e5;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 0;
	-moz-border-radius: 4px 0;
	border-bottom: 1px solid #d4d4d4;
	z-index: 1
}

.icon_check_nav span {
	display: inline-block;
	font-size: 12px;
	line-height: 45px;
	padding: 0 20px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	vertical-align: middle
}

.icon_check_nav ul {
	display: inline-block;
	vertical-align: middle
}

.icon_check_nav ul li {
	float: left;
	width: 45px;
	height: 45px;
	position: relative;
	z-index: 2;
	cursor: pointer
}

.icon_check_nav ul li[name=block_icon1] {
	background: url(//static.clewm.net/static/images/date_icon1_4250248.png?v=20150525) no-repeat center
}

.icon_check_nav ul li[name=block_icon2] {
	background: url(//static.clewm.net/static/images/date_icon2_2265ae3.png?v=20150525) no-repeat center
}

.icon_check_nav ul li[name=block_icon3] {
	background: url(//static.clewm.net/static/images/date_icon3_f0347e5.png?v=20150525) no-repeat center
}

.icon_check_nav ul li.icon_on {
	background-color: #fff;
	border: 1px solid #d4d4d4;
	border-bottom: 0
}

.posi_fix {
	position: fixed;
	z-index: 10;
	margin-left: 596px;
	background: #efefef;
	top: -10px;
	padding: 20px 20px 10px;
	box-shadow: 0 2px 2px #a0a0a0;
	border-radius: 10px
}

.use_explain {
	text-decoration: underline!important;
	position: relative;
	top: -40px;
	left: 460px;
	width: 100px
}

.small_label {
	color: #fff;
	background: #ADC0E0;
	font-size: 12px;
	padding: 4px 5px;
	display: inline-block;
	border-radius: 10px;
	margin: 5px;
	position: relative;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 24px
}

.small_label:nth-child(2) {
	background-color: #E0ADAD
}

.small_label:nth-child(3) {
	background-color: #E0CDAD
}

.small_label:nth-child(4) {
	background-color: #D2ADE0
}

.new_label {
	padding: 4px 5px;
	display: inline-block;
	border-radius: 10px;
	border: 1px dashed #a0a0a0;
	color: #a0a0a0!important;
	margin: 5px;
	line-height: 14px;
	vertical-align: top;
	text-decoration: none!important
}

.small_label:hover .delete_label {
	display: inline-block;
	transform: rotate(-270deg)
}

.small_label .delete_label {
	background: url(//static.clewm.net/static/images/iconfont-iconshanchutishi_b22f0b1.png) no-repeat;
	height: 14px;
	width: 14px;
	position: relative;
	top: -1px;
	cursor: pointer;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	opacity: .7;
	filter: alpha(opacity=70);
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s
}

.sucai_tag {
	width: 440px
}

.addItem {
	border: 1px dashed #e4e4e4;
	margin: 10px;
	font-size: 18px;
	color: #A9A9A9;
	text-align: center;
	position: relative
}

.addItem .tips {
	line-height: 85px;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s
}

.addItem .tips:hover {
	color: #575757;
	background: rgba(0,0,0,.04);
	cursor: pointer
}

.plug-dialog-title {
	font-size: 16px;
	height: 50px
}

.labels .active {
	font-size: 16px
}

.labels form {
	display: inline
}

.module {
	padding: 0 10px
}

.module li {
	text-align: center;
	border: 1px solid #D7D7D7;
	margin: 12px 10px;
	vertical-align: top;
	position: relative
}

.module li {
	width: 128px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-decoration: none;
	color: #575757;
	font-size: 14px;
	height: 100px
}

.module li p {
	width: 100%;
	height: 100%;
	display: table
}

.module li img {
	width: 50px;
	margin-top: 5px
}

.module li p span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1.34;
	text-align: justify;
	font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif!important
}

.module li .ck {
	position: relative;
	display: block;
	color: #666;
	overflow: hidden;
	padding: 10px;
	height: 99px
}

.labels {
	border-bottom: 1px solid #d9dadc;
	position: relative;
	font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif!important
}

.dan_list .new a {
	background: url(//static.clewm.net/static/images/iconfont-xinjianneirong_2c096ad.png) no-repeat center;
	display: inline-block;
	width: 100%;
	height: 100%
}

.mousehover {
	width: 190px;
	border: 1px solid #fff;
	box-shadow: 0 0 12px rgba(0,0,0,.3);
	position: absolute;
	top: -13px;
	left: -17px;
	z-index: 10;
	display: none
}

.mousehover a {
	padding-left: 23px;
	background-image: url(//static.clewm.net/static/images/item-cover-icon_ed42e61.png);
	background-repeat: no-repeat;
	line-height: 20px;
	color: #a0a0a0;
	margin: 0 9px;
	display: inline-block
}

.mousehover .sucao_count {
	position: absolute;
	left: 20px;
	top: 5px;
	padding-left: 23px;
	line-height: 20px;
	background: url(//static.clewm.net/static/images/item-cover-icon_ed42e61.png?v=1212) no-repeat 0 -176px;
	font-size: 12px;
	font-weight: 700
}

.mousehover .item_box {
	background: #fff;
	width: 100%;
	margin-top: 155px
}

.mousehover .btn_box a:hover {
	color: #333
}

.mousehover .look {
	left: 16px;
	background-position: 0 -127px
}

.mousehover .look:hover {
	left: 16px;
	background-position: 0 2px
}

.mousehover .edit {
	left: 80px;
	background-position: 1px -151px
}

.mousehover .edit:hover {
	left: 80px;
	background-position: 1px -61px
}

.mousehover .delete {
	left: 140px;
	background-position: 3px -83px
}

.mousehover .delete:hover {
	background-position: 3px -108px
}

.module .new .bgblack {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 145px;
	color: #fff;
	font-size: 20px;
	display: none
}

.label_box {
	padding: 0 10px 10px
}

.label_box .small_label {
	color: #fff;
	background: #ADC0E0;
	font-size: 12px;
	padding: 4px 5px;
	display: inline-block;
	border-radius: 10px;
	margin: 3px;
	text-decoration: none!important;
	line-height: 14px
}

.label_box .l_red {
	background-color: #E0ADAD
}

.label_box .l_yellow {
	background-color: #E0CDAD
}

.small_label:nth-child(2) {
	background-color: #E0ADAD
}

.small_label:nth-child(3) {
	background-color: #E0CDAD
}

.small_label:nth-child(4) {
	background-color: #D2ADE0
}

.small_label:nth-child(6) {
	background-color: #E0ADAD
}

.small_label:nth-child(7) {
	background-color: #E0CDAD
}

.small_label:nth-child(8) {
	background-color: #D2ADE0
}

.btn_box {
	padding: 0 10px 18px
}

.trans {
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}

.page {
	margin: 10px 20px;
	text-align: right
}

.btn_default {
	background-color: #fff;
	color: #575757!important;
	border: 1px solid #DDD;
	padding: 6px 22px
}

.fanhui {
	position: absolute;
	left: 1px;
	top: -45px
}

.yulan {
	position: relative;
	float: right;
	right: 60px;
	top: 8px;
	background: #56b76a;
	color: #fff!important;
	border-color: #50a862
}

.btn_default:active {
	cursor: pointer!important
}

.use_explain {
	display: none
}

.showarealist span {
	margin-right: 5px;
	cursor: pointer
}

.phone_layer {
	position: fixed;
	_position: absolute;
	z-index: 99999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff
}

.phone_wrap {
	position: fixed;
	_position: absolute;
	z-index: 999999999;
	top: 50%;
	left: 50%;
	background: url(http://cache.cli.im/cli_biz/mobile/images/Galaxy_note_3_white2.png) no-repeat 0 0;
	background-size: 100% 100%
}

.phone_wrap_close {
	position: absolute;
	width: 36px;
	height: 36px;
	right: -50px;
	top: 0;
	background: url(http://cache.cli.im/cli_biz/images/popup-closed-ex.png) no-repeat center center;
	cursor: pointer;
	opacity: .7;
	-moz-opacity: .7;
	-khtml-opacity: .7;
	filter: alpha(opacity=70)transition:all .3s;
	-webkit-transition: all .3s
}

#template_left {
	position: absolute;
	width: 240px;
	margin-left: -260px
}

#template_left_block {
	position: relative;
	margin: 0 20px 0 120px
}

#template_left_sucai {
	position: absolute;
	width: 270px;
	margin-left: -290px;
	margin-top: 75px;
	top: 10px
}

#template_left_block_sucai {
	position: relative;
	margin: 0 0 0 120px;
	background-color: #eee;
	padding: 10px;
	border-radius: 3px;
	word-break: break-all;
	word-wrap: break-word
}

#template_left_block_sucai p {
	color: #362E2E;
	font-size: 16px;
	margin: 0;
	line-height: 20px
}

.frameHader {
	height: 50px;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.55);
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 9999999
}

.frameInner {
	width: 980px;
	margin: 0 auto;
	position: relative
}

.frameHader h1 {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	margin: 0;
	font-size: 20px
}

.frameHader h1 img {
	margin-right: 5px
}

.closeIframe {
	width: 60px;
	height: 50px;
	border-left: 1px solid #ddd;
	position: absolute;
	right: 0;
	top: 0;
	background: url(//static.clewm.net/static/images/btn_close_e4c2e81.jpg) 20px 14px no-repeat #fff;
	cursor: pointer
}

.closeIframe:hover {
	background-position: 20px -26px
}

.closeIframe:active {
	background-position: 20px -66px
}

.closeFrame {
	position: relative;
	float: right;
	right: 40px;
	top: 8px;
	color: #56b76a!important;
	border-color: #50a862
}

.item_box {
	position: absolute;
	bottom: 0;
	width: 100%
}

.item_box .btn_box {
	background-color: #f4f4f4;
	border-top: 1px solid #ddd
}

.item_box .btn_box a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33%;
	height: 35px;
	background-color: #f5f5f5;
	position: relative
}

.item_box .btn_box a:hover .tooltip {
	display: block
}

.item_box .btn_box a span {
	background-image: url(//static.clewm.net/static/images/item-cover-icon_ed42e61.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	margin-top: 8px
}

.item_box .btn_box .look {
	border-right: 1px solid #ddd
}

.item_box .btn_box .edit {
	border-right: 1px solid #ddd
}

.item_box .btn_box .look span {
	background-position: 0 -129px
}

.item_box .btn_box .edit span {
	background-position: 0 -151px
}

.item_box .btn_box .delete span {
	background-position: 3px -84px
}

.item_box .btn_box .look:hover span {
	background-position: 0 0
}

.item_box .btn_box .edit:hover span {
	background-position: 0 -61px
}

.item_box .btn_box .delete:hover span {
	background-position: 3px -109px
}

.module .creat_sucai {
	border: 2px dotted #d9dadc
}

.module .creat_sucai a {
	display: block;
	padding: 0;
	height: 100%;
	background: url(//static.clewm.net/static/images/iconfont-xinjianneirong_2c096ad.png) no-repeat center
}

.module .creat_sucai:hover {
	border-color: #b3b3b3
}

.item_box .btn_box .tooltip {
	position: absolute;
	z-index: 10;
	top: -21px;
	left: 7px;
	opacity: 1;
	filter: alpha(opacity=100);
	display: none
}

.item_box .btn_box .tooltip_inner {
	padding: 0 8px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	background-color: #555556;
	word-wrap: break-word;
	word-break: break-all
}

.item_box .btn_box .tooltip_arrow {
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -6px;
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed;
	border-color: transparent;
	border-bottom-width: 0;
	border-top-color: #555556;
	border-top-style: solid
}

.total_title {
	font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif!important;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	margin: 20px 22px 0;
	color: #222
}

#edit_cls_name {
	font-size: 12px;
	color: #aaa;
	padding: 2px 2px 2px 16px;
	background: url(//static.clewm.net/static/images/iconfont-sucai-icon_612fc54.png) no-repeat -3px -34px;
	display: none
}

#edit_cls_name:hover {
	color: #575757
}

#add_cls {
	position: absolute;
	right: 23px;
	top: 15px;
	color: #AAA;
	padding: 6px 12px 6px 32px;
	border: 1px solid #ddd;
	background: url(//static.clewm.net/static/images/iconfont-sucai-icon_612fc54.png) no-repeat 6px 5px;
	display: none
}

#add_cls:hover {
	background-color: #f1f1f1;
	color: #575757
}

.wait {
	background-color: #FFF;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(Opacity=50)";
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
	display: none
}

.wait .wait_icon {
	background: url(//static.clewm.net/static/images/loading-4_e67d85a.gif) no-repeat;
	width: 220px;
	height: 20px;
	margin: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

#plug-dialog-content .module li:not(.creat_sucai):hover {
	background: #ECECEC;
	box-shadow: 1px 1px 4px #ddd;
	border-color: #999
}

#add_wx_qr,#add_qq_qr {
	color: #939393;
	font-size: 20px;
	font-weight: 700
}

#add_wx_qr:hover,#add_qq_qr:hover {
	color: #34495E
}

.check-status {
	position: relative
}

.check-status:hover .formtip {
	display: block
}

.formtip {
	display: none;
	position: absolute;
	z-index: 10;
	top: -30px;
	left: -50px;
	opacity: 1;
	filter: alpha(opacity=100)
}

.formtip_inner {
	width: 110px;
	padding: 1px 8px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	background-color: #555556;
	word-wrap: break-word;
	word-break: break-all;
	text-align: center
}

.formtip_arrow {
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -6px;
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed;
	border-color: transparent;
	border-bottom-width: 0;
	border-top-color: #555556;
	border-top-style: solid
}

@-moz-document url-prefix() {
	input#wx_qr_file,input#wx_qq_file,.upfile_label {
		height: 28px!important
	}
}

.upfile_label {
	color: #fff;
	background: #949494;
	border: 3px;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.camera {
	background: url(//static.clewm.net/static/images/iconfont-shexiangtou_ebd7e22.png) no-repeat 2px center;
	position: absolute;
	left: 380px;
	top: 153px;
	width: 100px;
	height: 26px
}

.camera:hover .formtip {
	display: block
}

.Progressdiv {
	display: none;
	width: 300px;
	height: 10px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 10px;
	background-color: #efefef
}

.Processed {
	height: 100%;
	width: 0;
	background-color: #f87898
}

.showinfo {
	width: 300px;
	margin-top: 8px;
	display: none
}

.delete_video {
	display: none;
	cursor: pointer;
	margin-left: 10px;
	width: 14px;
	height: 14px;
	border-radius: 25px;
	position: relative;
	left: 0;
	top: 3px
}

.delete_video span {
	color: #ccc;
	font-size: 14px
}

.delete_video .close_video {
	position: absolute;
	left: 3px;
	top: -3px;
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	font-size: 12px;
	color: #fff
}

.delete_audio {
	display: none;
	cursor: pointer;
	margin-left: 10px;
	width: 14px;
	height: 14px;
	border-radius: 25px;
	position: relative;
	left: 0;
	top: 3px
}

.delete_audio span {
	color: #ccc;
	font-size: 14px
}

.delete_audio .close_audio {
	position: absolute;
	left: 3px;
	top: -3px;
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	font-size: 12px;
	color: #fff
}

.video_upload_container .btn-lg,.video_upload_container .btn-group-lg>.btn {
	padding: 6px 10px;
	font-size: 14px
}

.edui-editor-bottomContainer {
	display: none
}

.edui-default * {
	margin: 0
}

.editor_box {
	display: block;
	position: relative;
	z-index: 1
}

.imgtext_editor {
	margin-top: 25px
}

.editor_box .senior_edit {
	display: inline-block;
	position: absolute;
	z-index: 98;
	cursor: pointer;
	top: 38px;
	left: 262px
}

.editor_box .senior_edit .senior_btn {
	font-size: 12px;
	color: #56a848
}

.module_block .module_flow[module_del="1"] {
	display: none!important
}

.uploaddiv .baseuploadfile {
	position: absolute;
	width: 100%;
	text-align: center;
	height: 100%;
	opacity: 0;
	left: 0;
	cursor: pointer;
	filter: alpha(opacity=0)
}

.uploaddiv a {
	display: block;
	width: 100%;
	text-align: center;
	height: 100%;
	background: #56a848;
	color: #FFF;
	line-height: 28px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.type-inpu .hasright {
	width: 214px;
	padding-right: 88px
}

#uploadweixindiv {
	top: 78px;
	right: 192px
}

#uploadqqdiv {
	top: 3px;
	right: 168px
}

.type-inpu .hasright {
	width: 299px;
	padding-right: 88px
}

.headser {
	margin-bottom: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.box .view .base,.headser .base .boxline {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.headser .icon {
	display: none
}

.box .view .module_box .block:first-child,.box .view .module_box .block:first-child .boxline,.box .view .module_box .block:first-child .green_layer,.box .view .module_box .block:first-child .upload_tips {
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important
}

#base_form_submit .pub-btn button[disabled] {
	background-color: #56a848;
	border-color: #56a848
}

.frame_box {
	height: 600px!important
}

#tpl_frame {
	height: 550px!important;
	box-sizing: content-box
}

.uploadfile {
	opacity: 0;
	filter: alpha(opacity=00);
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	cursor: pointer
}

.sucai_module_new {
	padding: 16px 4px 4px 16px
}

.sucai_module_new li {
	display: inline-block;
	width: 248px;
	height: 198px;
	position: relative;
	border: 1px solid rgba(120,130,140,.13);
	border: 1px solid #eee\0;
	float: left;
	margin-bottom: 12px;
	margin-right: 12px
}

.box-header-img {
	background-color: #fff;
	height: 134px;
	width: 100%
}

.box-header-img img {
	width: 246px;
	height: 134px
}

.box-body-desc {
	width: 100%;
	height: 64px
}

.box-desc {
	width: 170px;
	padding: 11px 5px 8px
}

.box-desc dt {
	display: block;
	font-size: 14px;
	color: rgba(0,0,0,.87);
	color: #373a3c\0;
	max-width: 160px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	height: 21px\0;
	text-overflow: ellipsis
}

.box-desc dd {
	font-size: 12px;
	color: #666;
	padding-top: 3px
}

.box-desc-tool {
	padding-top: 20px;
	padding-left: 2px;
	padding-right: 3px
}

.box-desc-tool a {
	display: inline-block;
	margin-right: 5px;
	width: 24px;
	height: 24px;
	font-size: 14px;
	text-align: center;
	padding-top: 4px;
	border-radius: 4px;
	vertical-align: middle;
	border: 1px solid rgba(120,130,140,.13);
	border: 1px solid #eee\0
}

.box-desc-tool a:hover {
	color: #000;
	cursor: pointer
}

.selectsucai {
	width: 1000px;
	height: 667px;
	top: -82px;
	left: 50%;
	margin-left: -500px;
	border-radius: 4px;
	overflow: hidden
}

.sucai_box {
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #d9dadc;
	border-bottom: 1px solid #d9dadc;
	margin: 0 auto
}

.sucai_box * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.sucai_box .wrap {
	margin: auto;
	background: #fff;
	width: 800px;
	height: 556px
}

.sucai_head_tit {
	padding: 17px 0
}

.check_sucai_tpl {
	display: none;
	position: absolute;
	width: 47px;
	height: 47px;
	right: 0;
	top: 0;
	background: url(//static.clewm.net/static/images/tpl_select_5822c43.png) center;
	overflow: hidden
}

.sucai_tit {
	margin-left: 16px;
	padding-left: 5px;
	margin-right: 5px;
	border-left: 2px solid #4caf50
}

.sucai_head_tit .total_title {
	margin: 0;
	color: #666
}

.sidebar {
	width: 200px;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	border-right: 1px solid #e0e2e3
}

.tree_wrap {
	height: 500px;
	padding-bottom: 4px;
	box-sizing: border-box;
	background-color: #f8f8f8
}

.ztree li a {
	width: 100%
}

#tree {
	z-index: 8;
	position: relative;
	min-height: 200px;
	height: 100%;
	overflow: auto
}

#tree * {
	font-family: "Microsoft Yahei",Verdana,Simsun,"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial
}

.mulu_title {
	color: #f8f8f8;
	font-size: 16px;
	line-height: 56px;
	height: 56px;
	padding-left: 16px;
	background-color: #f8f8f8
}

.mulu_title>span {
	color: #323232;
	font-weight: 400
}

.total_count {
	display: inline-block;
	color: #666;
	font-size: 12px;
	margin-left: 10px
}

.wrap {
	position: relative
}

.sucai-notice {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 211px\0;
	margin-top: -105.5px\0;
	margin-left: -400px\0;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.sucai-notice .p1 {
	text-align: center;
	color: #666;
	margin-top: 18px;
	margin-bottom: 12px
}

.sucai-notice .p2 {
	px;text-align: center;
	color: #999;
	margin-bottom: 24px
}

.sucai-notice i {
	display: block;
	height: 75px;
	width: 75px;
	margin: 0 auto;
	background: url(//static.clewm.net/static/images/sucai_box_006b27c.png) no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.clewm.net/static/images/sucai_box_006b27c.png', sizingMethod='scale')
}

.sucai_box .page {
	margin: 0
}

.sucai_box .pagination {
	border-radius: 4px!important;
	float: right;
	margin-right: 16px!important
}

.sucai_box .pagination>a:first-child {
	border-top-left-radius: .25em!important;
	border-bottom-left-radius: .25rem!important!important
}

.sucai_box .pagination>a:last-child {
	border-top-right-radius: .25em!important;
	border-bottom-right-radius: .25em!important
}

.sucai_box .pagination>a,.pagination span {
	position: relative;
	float: left;
	padding: .5em .75em!important;
	margin-left: -1px!important;
	line-height: 1.5!important;
	color: rgba(0,0,0,.87)!important;
	text-decoration: none!important;
	background-color: #fff!important;
	border: 1px solid #ddd!important;
	border-color: rgba(120,130,140,.13)!important;
	border-radius: 0!important;
	margin: 0!important
}

.sucai_box .pagination-currh {
	z-index: 2;
	cursor: default;
	color: #fff!important;
	background-color: #4caf50!important;
	border-color: #4caf50!important
}

.cet1 {
	margin: 210px auto 0;
	text-align: center
}

.ztree li a.curSelectedNode {
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important
}

.ztree li span.button.noline_open {
	background-position: -26px -42px!important
}

.ztree li span.button.noline_close {
	background-position: -24px -65px!important
}

.plug-dialog-title {
	border-radius: 4px
}

.add_br_tip {
	display: block;
	position: absolute;
	top: 25px;
	right: -116px;
	width: 298px;
	background: rgba(0,0,0,.7);
	color: #fff;
	line-height: 16px;
	font-size: 12px;
	border-radius: 3px;
	z-index: 2;
	padding: 5px
}

.arrow1 {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 12px;
	border-style: dashed;
	border-color: transparent
}

.add_br_tip .arrow_out_up1 {
	border-width: 6px;
	top: -12px;
	left: 171px
}

.arrow_out_up1 {
	border-bottom-color: rgba(0,0,0,.7);
	border-bottom-style: solid
}

.introduce_tips1 {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 440px;
	color: #999;
	font-style: normal;
	line-height: 14px;
	white-space: nowrap
}

.tar {
	font-size: 14px;
	font-weight: 400!important;
	color: rgba(0,0,0,.87);
	color: #373a3c\0
}

.desc_uploadwx,.desc_uploadqq {
	position: relative;
	top: 0!important;
	right: 0!important
}

#new_desc .small_input {
	width: 273px;
	height: 30px;
	line-height: 20px;
	background: #fff;
	border: solid 1px #d3d5d4;
	border-radius: 3px;
	padding: 5px;
	font-size: 12px;
	color: #666
}

#uploadweixindiv .btn2,#uploadqqdiv .btn2 {
	width: 130px;
	height: 30px;
	background: #fff;
	border: solid 1px #d3d5d4;
	padding: 0 15px;
	border-radius: 3px;
	line-height: 30px;
	text-align: center;
	color: #222!important;
	display: inline-block;
	cursor: pointer;
	transition: border .2s ease-in-out;
	font-size: 12px;
	margin-top: -1px
}

.add_contact,.add_cp,.removep,.remove_cp,.removep1 {
	position: absolute;
	right: -24px;
	top: 4px
}

.removep1 {
	right: -30px
}

.base_lxds .type-inpu .tar {
	width: 108px
}

.padt-1 {
	padding-top: 1px!important
}

.marb {
	margin-bottom: 0!important
}

.m-l-5 {
	margin-left: 5px
}

.p-tb-7 {
	padding-top: 7px;
	padding-bottom: 7px
}

.base_new {
	margin-top: 10px;
	min-height: 80px
}

.biz-free-logo .green_layer {
	height: 72px;
	top: -1px;
	width: 320px;
	left: -1px
}

.base_new .green_layer span {
	top: 50%;
	margin-top: -11px;
	left: 12px;
	font-size: 14px
}

.biz_logo {
	width: 80px;
	margin: 0
}

.log_cancel,.log_cancel2,.log_cancelf,.log_cancelf2 {
	width: 16px;
	height: 16px;
	right: 6px;
	top: 6px;
	text-align: center;
	color: rgba(0,0,0,.7);
	color: #333\0;
	background-color: rgba(255,255,255,.3);
	background-color: #fff\0;
	border-radius: 16px;
	z-index: 8
}

.log_cancelf,.log_cancelf2 {
	padding-top: 1px
}

.log_cancelf:hover,.log_cancelf2:hover: {
	color: #000
}

.log_cancelf:before {
	vertical-align: middle
}

.log_cancel2,.log_cancelf2 {
	right: 28px;
	padding-left: 1px;
	padding-top: 2px
}

.base_cover li,.album_ul li {
	float: left;
	position: relative;
	margin: 10px 10px 0 0;
	width: 100px;
	max-height: 100px;
	text-align: center;
	overflow: hidden
}

.base_cover li img,.album_ul li img {
	width: 100%;
	height: 100%
}

.base_cover li span {
	cursor: pointer
}

.addCover_disabled {
	top: 0;
	left: 0;
	z-index:
}

.allow-up {
	padding: 10px 5px
}

.left_box {
	position: relative;
	font-size: 14px;
	width: 298px;
	margin: 0
}

.left_box_closed {
	width: 280px;
	height: 100px;
	padding: 0 9px;
	background: #ccc;
	text-align: center;
	line-height: 100px
}

.left_box_closed h4 {
	color: #aaa;
	text-align: center
}

.left_box_open {
	min-height: 30px;
	width: 100%;
	background: #fff
}

.left_box1 {
	min-height: 320px;
	background: #fff;
	background-size: contain;
	border-radius: 10px 10px 0 0
}

.lb1_item0 {
	position: relative;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px 10px 0 0;
	overflow: hidden
}

.lb1_item0 .banner_empty {
	display: block;
	min-height: 200px;
	line-height: 200px;
	width: 100%;
	color: #999;
	background-color: #e6e6e6;
	text-align: center
}

.lb1_item0 img {
	width: 100%
}

.banner .li_img {
	width: 298px!important
}

#head_banner {
	min-height: 200px
}

.box-header {
	padding: 1em\0;
	padding-top: 1.8em\0
}

.lb1_item1 {
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	z-index: 99
}

.lb1_item1 span {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .2;
	filter: alpah(opacity=20);
	color: #fff;
	text-align: center;
	border-radius: 50%
}

.lb1_item1 img {
	border-radius: 50%;
	width: 100px;
	height: 100px
}

.choose_tpl_color {
	width: 46px;
	height: 46px;
	background-color: #eaeaea;
	position: absolute;
	right: 0;
	border-top-right-radius: 10px;
	top: 0;
	z-index: 7;
	cursor: pointer
}

.choose_tpl_color .can_not_choose {
	width: 100%;
	height: 100%;
	background-image: url(//static.clewm.net/static/images/unavailable-icon_v2@1x_3462828.png);
	background-image: -webkit-image-set(url(//static.clewm.net/static/images/unavailable-icon_v2@1x_3462828.png) 1x,url(//static.clewm.net/static/images/unavailable-icon_v2@2x_2dad17f.png) 2x);
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	display: none;
	border-top-right-radius: 10px;
	top: 0;
	background-position: 27px 10px
}

.choose_tpl_color .can_choose {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	border-top-right-radius: 10px
}

.choose_tpl_color .can_choose .color_block {
	width: 49%
}

.choose_tpl_color .can_choose .first_color_block {
	height: 45%;
	float: left;
	background-color: #37c605
}

.choose_tpl_color .can_choose .second_color_block {
	height: 45%;
	float: right;
	background-color: #07a200;
	border-top-right-radius: 10px
}

.choose_tpl_color .can_choose .three_color_block {
	float: left;
	margin-top: 1px;
	height: 50%
}

.choose_tpl_color .can_choose .four_color_block {
	float: right;
	background-color: #f2f2f6;
	margin-top: 1px;
	height: 50%
}

.choose_tpl_color .can_choose .can_choose_text {
	position: absolute;
	z-index: 99;
	left: 20px;
	top: 7px;
	color: rgba(255,255,255,.87);
	font-size: 12px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.060660171779821, M12=-1.0606601717798214, M21=1.0606601717798214, M22=1.060660171779821, SizingMethod='auto expand')"
}

.choose_tpl_color .white_triangle {
	border: 23px solid;
	border-bottom-color: #fff;
	border-left-color: #fff;
	border-right-color: transparent;
	border-top-color: transparent;
	width: 0;
	box-shadow: -1px 1px 1px #ddd;
	position: absolute;
	left: 0;
	top: 0
}

.choose_tpl_color .left_triangle {
	border: 23px solid;
	border-bottom-color: #07a200;
	border-left-color: transparent;
	border-right-color: #07a200;
	border-top-color: transparent;
	width: 0;
	position: absolute;
	left: 0;
	top: 0
}

.color_choose_tip_error {
	position: absolute;
	right: -48px;
	top: -31px;
	display: inline-block;
	width: auto!important
}

.color_choose_tip_right {
	position: absolute;
	right: -17px;
	top: -31px;
	display: inline-block;
	width: auto!important
}

.tooltip-inner {
	max-width: auto!important
}

.list-item:last-child .list-body:after {
	border-bottom: 1px solid rgba(120,130,140,.065);
	border-bottom: 1px solid #e4e4e4\0
}

.no-bottom-b:after {
	border-bottom: 0!important
}